<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>欢太官网</title>
    <link rel="stylesheet" href="../css/二级菜单.css" />
    <link
      rel="shortcut icon"
      type="image/x-icon"
      href="//image.oppo.com/content/dam/heytap-brand/assets/favicon.ico"
    />
  </head>
  <body>
    <div style="width: 100%; height: 1000px">
      <nav>
        <a href="首页.html"
          ><img
            src="https://image.oppo.com/content/dam/heytap-brand/assets/svg/logo.svg"
            alt=""
        /></a>
        
        <ul>
          <li><a href="首页.html">首页</a></li>
          <li>
            <a href="品牌介绍.html">品牌介绍</a>
          </li>
          <li><a href="业务体系.html">业务体系</a></li>
          <li>
            <a href="" style="color: black; font-weight: bold">客户服务</a>
          </li>
          <li><a href="">中文</a></li>
        </ul>
      </nav>
      <div
        class="kb"
        style="width: 100%; height: 80px; background-color: white"
      ></div>
      <menu>
        <p id="diyi">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;欢太账号
          <img
            src="http://image.oppo.com/content/dam/heytap-brand/assets/service/arrow.png"
            alt=""
          />
        </p>
        <p id="dier">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;欢太云服务
          <img
            src="http://image.oppo.com/content/dam/heytap-brand/assets/service/arrow.png"
            alt=""
          />
        </p>
        <p id="disan">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;积分商城
          <img
            src="http://image.oppo.com/content/dam/heytap-brand/assets/service/arrow.png"
            alt=""
          />
        </p>
        <p id="disi">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游戏
          <img
            src="http://image.oppo.com/content/dam/heytap-brand/assets/service/arrow.png"
            alt=""
          />
        </p>
        <p id="diwu">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;欢太金融
          <img
            src="http://image.oppo.com/content/dam/heytap-brand/assets/service/arrow.png"
            alt=""
          />
        </p>
        <p id="diliu">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;钱包
          <img
            src="http://image.oppo.com/content/dam/heytap-brand/assets/service/arrow.png"
            alt=""
          />
        </p>
      </menu>
      <div class="one">
        <ul>
          <li><a href="">忘记账号密码的解决办法</a></li>
          <li><a href="">忘记账号的解决办法</a></li>
          <li><a href="">更换账号实名认证的方法</a></li>
          <li><a href="">账号的删除方法</a></li>
          <li><a href="">修改账号绑定信息</a></li>
        </ul>
      </div>
      <div class="two">
        <ul>
          <li><a href="">查找手机使用条件</a></li>
          <li><a href="">查找手机的使用条件</a></li>
          <li><a href="">云服务的介绍</a></li>
          <li><a href="">查找手机定位的使用方法</a></li>
          <li><a href="">云服务备份微信数据的方法</a></li>
        </ul>
      </div>
      <div class="three">
        <ul>
          <li><a href="">积分商城物品物流查询方式</a></li>
          <li><a href="">积分商城订单查询方法</a></li>
          <li><a href="">积分商城物品发货时间</a></li>
          <li><a href="">积分商城兑换物品地址的修改方法</a></li>
          <li><a href="">积分商城兑换礼品长时间未到货的处理方法</a></li>
        </ul>
      </div>
      <div class="four">
        <ul>
          <li><a href="">平台游戏防沉迷介绍</a></li>
          <li><a href="">切换游戏账号的操作方法</a></li>
          <li><a href="">游戏充值返利活动的查看方法</a></li>
          <li><a href="">游戏无法正常登录的解决方法</a></li>
          <li><a href="">能否取消防沉迷的游戏时间限制</a></li>
        </ul>
      </div>
      <div class="five">
        <ul>
          <li><a href="">借钱的额度说明</a></li>
          <li><a href="">银行卡已扣款但还款失败的处理方法</a></li>
          <li><a href="">申请结清证明</a></li>
          <li><a href="">借款的放款时间</a></li>
          <li><a href="">综合评分不足的原因</a></li>
        </ul>
      </div>
      <div class="six">
        <ul>
          <li><a href="">充值话费或流量卡未到账</a></li>
          <li><a href="">公交卡刷卡失败</a></li>
          <li><a href="">OPPO Pay开通异常的处理方法</a></li>
          <li><a href="">门禁卡刷卡失败的处理方法</a></li>
          <li><a href="">零钱体现失败的处理方法为</a></li>
        </ul>
      </div>
      <main>
        <h1>二级菜单内容</h1>
        <p>
          若忘记自己的帐号，无论是手机帐号还是游戏帐号，均可按照以下方式进行找回：
          1、若帐号绑定了手机或邮箱，可通过手机号或邮箱作为帐号进行登录；
          2、若未绑定信息、忘记绑定信息或绑定信息被修改，您可点击申诉网址通过申诉找回帐号。
          温馨提示：
          若忘记的是和平精英、明日之后等腾讯、网易的非联运游戏的游戏帐号，建议您联系游戏方客服进行咨询。
          以下问题可能会对您有帮助： 忘记帐号密码的解决方法 帐号被盗的解决方法
        </p>

        <div>
          文章是否对您有帮助？
          <span>
            <img
              src="http://brand.heytap.com/content/dam/heytap-brand/assets/service/up.png"
              alt=""
            />
            是
          </span>
          <span>
            <img
              src="http://brand.heytap.com/content/dam/heytap-brand/assets/service/bottom.png"
              alt=""
            />
            否
          </span>
        </div>
      </main>
    </div>
    <div style="width: 100%; background-color: rgb(248, 249, 252)">
      <footer style="padding-top: 50px">
        <div class="left">
          <p>联系我们</p>
          <a href="客户服务.html">客户服务</a>
        </div>
        <div class="right">
          <p>法务信息</p>
          <a href="">侵权投诉政策</a>
          <a href="">隐私协议</a>
          <a href="">数据主体权利平台</a>
        </div>
        <span>©2021 HeyTap 版权所有 粤ICP备14012291号</span>
      </footer>
    </div>

    <input type="button" value="^" id="btn" />
    <script>
      let one = document.querySelector(".one");
      let two = document.querySelector(".two");
      let three = document.querySelector(".three");
      let four = document.querySelector(".four");
      let five = document.querySelector(".five");
      let six = document.querySelector(".six");
      let oP1 = document.querySelector("#diyi");
      let oP2 = document.querySelector("#dier");
      let oP3 = document.querySelector("#disan");
      let oP4 = document.querySelector("#disi");
      let oP5 = document.querySelector("#diwu");
      let oP6 = document.querySelector("#diliu");
      // let aList = oUl.children

      oP1.onclick = function (e) {
        let evt = e || event;
        one.style.display = "block";
        two.style.display = "none";
        three.style.display = "none";
        four.style.display = "none";
        five.style.display = "none";
        six.style.display = "none";
        evt.stopPropagation();
      };
      oP2.onclick = function (e) {
        let evt = e || event;
        two.style.display = "block";
        one.style.display = "none";
        three.style.display = "none";
        four.style.display = "none";
        five.style.display = "none";
        six.style.display = "none";
        evt.stopPropagation();
      };
      oP3.onclick = function (e) {
        let evt = e || event;
        two.style.display = "none";
        one.style.display = "none";
        three.style.display = "block";
        four.style.display = "none";
        five.style.display = "none";
        six.style.display = "none";
        evt.stopPropagation();
      };
      oP4.onclick = function (e) {
        let evt = e || event;
        two.style.display = "none";
        one.style.display = "none";
        three.style.display = "none";
        four.style.display = "block";
        five.style.display = "none";
        six.style.display = "none";
        evt.stopPropagation();
      };
      oP5.onclick = function (e) {
        let evt = e || event;
        two.style.display = "none";
        one.style.display = "none";
        three.style.display = "none";
        four.style.display = "none";
        five.style.display = "block";
        six.style.display = "none";
        evt.stopPropagation();
      };
      oP6.onclick = function (e) {
        let evt = e || event;
        two.style.display = "none";
        one.style.display = "none";
        three.style.display = "none";
        four.style.display = "none";
        five.style.display = "none";
        six.style.display = "block";
        evt.stopPropagation();
      };
      document.onclick = function () {
        one.style.display = "none";
        two.style.display = "none";
        three.style.display = "none";
        four.style.display = "none";
        five.style.display = "none";
        six.style.display = "none";
      };
    </script>
    <script>
      let btn = document.querySelector("#btn");
      window.onscroll = function () {
        let scrollTop =
          document.documentElement.scrollTop || document.body.scrollTop;
        if (scrollTop >= 300) {
          btn.style.display = "block";
        } else {
          btn.style.display = "none";
        }
      };
      let timer = null;
      btn.onclick = function () {
        clearInterval(timer);

        timer = setInterval(() => {
          let iCur =
            document.documentElement.scrollTop || document.body.scrollTop;
          let iSpeed = -iCur / 4;
          iSpeed = Math.floor(iSpeed);
          document.documentElement.scrollTop = document.body.scrollTop =
            iCur + iSpeed;
          if (iCur == 0) {
            clearInterval(timer);
          }
        }, 20);
      };
    </script>
  </body>
</html>
